คำส งหน วยงาน คำส งเลขท : 95 ว นท : 25 ม.ค. 56 เวลา : 11:55 น. ใบความร เร อง การสร างเว บเพจใหม (New Site) ว ชาการสร างเว บเพจเบ อ$ งต น รห สว ชา ง&'('& ช $นม ธยมศ กษาป ท & การก าหนดโครงสร างเว บไซต การเตร ยมพ นท หร อโฟลเดอร สา หร บเก บเว บไซต โดยจ ดการสร างโฟลเดอร เพ อเก บข อม ลหร อเก บไฟล ต างๆ ให เป นหมวดหม เพ อง ายต อการจ ดท าเว บไซต และง ายต อการบร หารงานเว บไซต ด งน นการจ ดการวางแผนจ ดเก บ ข อม ลลงในโฟลเดอร จ งเป นส งส าค ญ ล กษณะของการจ ดเก บ เช นโฟล เดอร หล กใช เก บไฟล ประเภท.html โฟล เดอร ร ปภาพ โฟล เดอร เส ยง โฟล เดอร ภาพเคล อนไหว อ กท งย งสามารถสร างโฟลเดอร ยอ ย (Sub folder) ลงในโฟลเดอร ต าง ๆ ได อ กด วย การสร างไซต (Site) งาน คล กท เมน Site แล วเล อกค าส ง New Site Digitally signed :Secondary Education Area Office 32 Smart Office By CVP Technology System Chiangrai Thailand. D:2013.03.25 11:55:53+07'00'
จะเข าส หน าต าง Site Definition เพ อก าหนดช อไซต พ มพ ช อไซต ท ต องการ เช น Comlearning2u.com แล วคล กป ม Next เล อกไม ต องต ดต อไปย งเซ ร ฟเวอร ในขณะน (No, I don t ) แล วคล กป ม Next ก าหนดว ธ แก ไขงานและโฟลเดอร ท เก บเว บไซต แล วคล กป ม Next
เล อกร ปแบบการเช อมต อก บเว บเซ ร ฟเวอร เป น None แล วคล กป ม Next จะได รายละเอ ยดท เราต งค าไว ท งหมด คล กป ม Done โฟล เดอร ท สร างจะปรากฏอย ท พาเนลไฟล
การสร างไฟล และโฟลเดอร ใหม หล งจากได สร างไซต งานไว แล ว ข นตอนต อไปค อการสร างโฟลเดอร ย อย และไฟล งานตามท ได วางแผนไว ซ งม ว ธ การสร าง ด งน คล กขวาท ไซต ในพาเนลไฟล จะได เมน ล ด และเล อกค าส ง New Folder จะปรากฏโฟลเดอร ใหม ช อ Untitled ให พ มพ เปล ยนช อโฟลเดอร ใหม เช น Images
สร างโฟลเดอร ต าง ๆ ตามท ต องการ ส วนการสร างไฟล งานให เล อกค าส ง New File จะได ไฟล งาน ช อ Untitled ให เปล ยนช อใหม เช น index.html การแก ไขไฟล และโฟลเดอร ให คล กขวาท ไฟล หร อโฟลเดอร ท ต องการ แล วเล อกค าส ง Edit จะม ค าส ง ย อยให เล อก เช น Copy Delete ฯลฯ
เม อสร างโฟลเดอร และไฟล ต าง ๆ ในไซต งานของเราครบแล ว ถ าเป ดด โฟลเดอร จะพบรายการท ได สร างไว การสร างหน าเว บเพจใหม เม อเป ดโปรแกรมแล วจะเข าส หน าส าหร บสร างเว บเพจม ช อว า Untitled-1 โดยอ ตโนม ต เราสามารถ สร างเว บเพจได ท นท อย างไรก ตามหากต องการสร างหน าเว บเพจใหม ก สามารถท าได ด งน เล อกค าส ง File >> New จะได หน าต าง New Document คล กเล อกแท บ General แล วเล อก Category เป น Basic Page คล กป ม Create ในต วเล อก Category จะม ล กษณะของเว บเพจให เล อกใช งาน ด งน Basic Page Dynamic Page Template Page Other CSS Style Sheets ส าหร บสร างเว บเพจใหม ท วไป เช น HTML, XML เป นต น สร างเว บเพจแบบไดนาม ก สน บสน นเว บเซ ร ฟเวอร ASP,PHP สร างหน าแม แบบส าหร บใช งานคร งต อไป สร างเว บเพจจากภาษาอ น ๆ เช น VBscript เล อกใช ร ปแบบ CSS
Framesets Page Design (CSS) Starter Pages Page Design เล อกใช งานเฟรมเซตแบบต าง ๆ ท โปรแกรมออกแบบไว เล อกร ปแบบ CSS เล อกร ปแบบตามหมวดหม ท โปรแกรมออกแบบไว ให เล อกใช เล อกการออกแบบท เหมาะสมก บการใช งาน หร อ ประเภท ธ รก จของ ผ ใช งาน การเป ดใช เว บเพจท ได สร างไว แล ว ให เล อกค าส ง File >> Open แล วเล อกไฟล ท ต องการ การใส ห วเร องหร อแถบช อเร อง ห วเร องหร อแถบช อเร องของหน าเว บเพจ เป นส วนท ปรากฏอย บนแถบช อของเว บเพจหน าน น ๆ เพ อบอกให ผ อ านทราบว าก าล งเป ดด เว บเพจหน าอะไร ด งต วอย าง การใส ห วเร องท าได ด งน คล กท ช อง Title บน Toolbar แล วพ มพ ช อเร องท ต องการ หร อคล กป ม Page Properties จะได หน าต าง Page Properties แล วคล กท ต วเล อก Title/Encoding จะ ได ต วเล อก ด งร ป พ มพ ข อความแถบช อเร อง เช น Com-learning2u ในช อง Title: แล วคล ก OK จะได แถบช อเร องตามต องการ
4. การบ นท กเว บเพจ การบ นท กเว บเพจท งเว บเพจท สร างใหม และเว บเพจท เป ดข นมาใช งาน ม ว ธ การด งน การบ นท กไฟล ใหม คล กค าส ง File >> Save As จะได หน าต าง Save As เล อกโฟลเดอร และพ มพ ช อไฟล คล กป ม Save ค าส ง Save All หมายถ งบ นท กไฟล ท งหมดท เป ดใช งานหร อแก ไข ค าส ง Save to Remote Server หมายถ ง บ นท กเว บเพจและอ พโหลดไปส เซ ร ฟเวอร ค าส ง Save as Template หมายถ ง บ นท กเป นแม แบบส าหร บใช งาน 5. การทดสอบก บเว บเบราเซอร เว บเพจท สร างและบ นท กไว แล ว สามารถทดสอบเพ อด ผลงานก บเว บเบราเซอร แบบ ออฟไลน (Offline) ได โดยปกต Dreamweaver 8 จะเล อกเว บเบราเซอร ให เองโดยอ ตโนม ต ส วนใหญ ก จะ แป น Internet Explorer แต ม บางคนท ใช Firefox ท งน การแสดงผลอาจจะไม ตรงก นเส ยท เด ยว การทดสอบก บเว บเบราเซอร ท าได ด งน กดแป น < F12 > บนค ย บอร ด หร อด บเบ ลคล กท ไฟล.html น น ๆ หร อ เล อกค าส ง File >> Preview in Browser >> iexplorer.exe (หร อ Firefox.exe) จะได เว บเพจด งต วอย าง
6. การออกจากโปรแกรม การออกจากโปรแกรมท าได 4 ว ธ ด งน ว ธ ท 1 คล กเมาส ท ป ม Close ท Control Box ว ธ ท 2 คล กท ป ม บน Title Bar แล วเล อกค าส ง Close ว ธ ท 3 คล กท ค าส ง File >> Exit ว ธ ท 4 ใช แป นพ มพ < Ctrl > + < Q >